<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS动画</title>
    <link href="../myCss/trans.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="example">
    <span v-if="show" transition="bounce">Look at me!</span>
    <br/>
    <button @click="show = !show">Toggle</button>
</div>
<script src="../js/libs/vue.js"></script>
<script>
    var animate = new Vue({
        el: '#example',
        data: {
            show: true
        }
    });
</script>
</body>
</html>